<template>
  <section class="pageMain">
    <img v-if="image != ''" class="headImg" :src="imgss[0].image" alt="">
    <div class="nav">
      {{ $t('newDetail.nav') }}&#x3000;/&#x3000;{{ $t('newDetail.nav1') }}
    </div>
    <div class="content">
      <div class="rtitle">{{ newInfo.title }}</div>
      <div class="time">{{ $t('newDetail.ctime') }}：{{ newInfo.create_time }}</div>
      <hr>
      <div class="recruitInfo">
        <p class="content" v-html="newInfo.content">

        </p>
      </div>
    </div>

  </section>

</template>

<script>
import {getNewDetail} from "@/api/new";

export default {
  name: "productClass",
  data: () => ({
    newInfo:{}
  }),
  computed:{
    imgss(){
      return this.$store.state.storeThereNavList.filter(item => item.mid == 2)
    }
  },
  created() {
    getNewDetail({id:this.$route.query.id}).then(res=> {

      this.newInfo = res.data
    })
  }
}
</script>


<style scoped lang="less">
.pageMain {

  .headImg {
    width: 100%;
    height: 300px;
  }
  .nav{
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    padding-top: 20px;
  }


  .content{
    width: 1200px;
    margin: 0 auto 0 auto;
    .nav{
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      padding-top: 20px;
    }
    .rtitle{
      color: #333333;
      font-size: 26px;
      font-weight: 400;
      margin-top: 60px;
    }
    .time{
      margin-top: 30px;
      color: #999999;
      font-size: 13px;
    }
    hr{
      margin: 20px 0;
    }
    .recruitInfo{
      .content{
        color: #333333;
        font-size: 14px;
        line-height: 24px ;
      }
    }
  }


}



</style>